<template>
  <div id="home">
    <!-- <div v-upper="msg">{{ msg }}</div> -->
    <!-- 三级列表 -->
    <TypeNav></TypeNav>
    <!-- 轮播图 -->
    <Swiper />
    <!-- 右侧公告 -->
    <Bulletin class="bulletin" />
    <!-- 今日推荐 -->
    <Recommend></Recommend>
    <!-- 排行 -->
    <!-- <Rank></Rank> -->
    <!-- 猜你喜欢 -->
    <Like></Like>
    <!-- 底下图标 -->
    <Brand></Brand>
  </div>
</template>

<script>
import Swiper from "@/views/home/swiper";
import Bulletin from "@/views/home/bulletin";
import Recommend from "@/views/home/recommend";
import Rank from "@/views/home/rank";
import Like from "@/views/home/like";
import Brand from "@/views/home/brand";

export default {
  name: "Home",
  data() {
    return {
      msg: 'abc'
    }
  },
  components: { Swiper, Bulletin, Recommend, Rank, Like, Brand },
};
</script>

<style lang="less" scoped>
#home {
  background-color: #f5f5f5;

  .bulletin {
    position: absolute;
    right: 160px;
    top: 194px;
    background: #fff;
  }
}
</style>
